<template>
  <div>
    <TypeNav/>
    <ListContainer/>
    <Recomand/>
    <Rank/>
    <Like/>
    <Floor  v-for="(floor,index) in floorList" :key="floor.id" :list="floor" />
    <Brand/>
  </div>

</template>

<script>
import ListContainer from '@/pages/Home/ListContainer'
import Recomand from '@/pages/Home/Recomand'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'
import { mapState } from 'vuex'
export default {
   name:'Home',
   components:{
    ListContainer,Recomand,Rank,Like,Floor,Brand
   },
   mounted(){
   this.$store.dispatch('getFloorList');
   },
   computed:{
    /* floorList(){
      return this.$store.state.home.floorList
    } */
     ...mapState({
      floorList:state=>state.home.floorList
     })
   }
}
</script>

<style>

</style>